<template>
    <view class="login-h5">
        <view>
            <view class="dir-left-nowrap cross-center input-box">
                <AppIcpn></AppIcpn>
                <input v-model="form.username" placeholder="请输入账号" />
            </view>
        </view>
        <view>
            <view class="dir-left-nowrap cross-center input-box">
                <AppIcpn></AppIcpn>
                <input v-model="form.password" placeholder="请输入密码" />
            </view>
        </view>
        <view>
            <view class="point-protocol">
                登录代表同意
                <text class="link">用户协议、隐私政策，</text>
                并授权使用您的账号信息（如昵称、头像）以便您统一管理
            </view>
        </view>
        <view>
            <view @click="setLogin">登录</view>
        </view>
    </view>
</template>

<script setup lang="ts">
import useLogin from '@/hooks/useLogin';
import AppIcpn from "@/components/AppIcon/index.vue";

const { form, setLogin } = useLogin()
</script>

<style lang="scss" scoped>
.login-h5 {
    position: relative;

    view+view {
        margin-top: 30rpx;
    }

    .input-box {
        position: relative;
        background-color: #fff;
        border-radius: 50px;
        padding-left: 30rpx;

        input {
            margin-left: 20rpx;
            height: 130rpx;
            line-height: 130rpx;
            font-size: 40rpx;
        }
    }

    .point-protocol {
        padding: 0 20rpx;
        font-size: 26rpx;
        color: rgb(101, 101, 101);
    }

}
</style>
